<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>布局</title>
    <style>
        @import url(布局.css);
    </style>
</head>
<body>
    <!-- 四列布局
    <div class="back">
        <div class="center">
            <div class="left">

            </div>
            <div class="right">
              <ul>
                  <li></li>
                  <li></li>
                  <li></li>
                  <li></li>
                  <li></li>
                  <li></li>

              </ul>
            </div>
        </div>
    </div> -->
    <!-- 动画布局 -->
    <div class="wrap"> 
        <div class="centent">
            <ul>
                <li style="color: rgb(231, 216, 219);">1</li>
                <li style="color: rgb(231, 216, 219);">2</li>
                <li style="color: rgb(231, 216, 219);">3</li>
                <li style="color: rgb(231, 216, 219);"
                >4</li>

            </ul>
        </div>
    </div>
</body>
</html>